$(function(){
var currentPage = 1;
var pageSize = 5;
// 记录用户当前状态
var currentId = null;
var isDelete = null;
// 获取用户数据动态渲染在页面中
function render(){
  $.ajax({
    url:'/user/queryUser',
    data: {
      page:currentPage,
      pageSize:pageSize
    },
    dataType:'json',
    success:function(info){
      console.log(info);
      // 渲染
      $('tbody').html(template('tmp',info))
      // 生成分页
      setPage(info.total)
    }
  })
}
render()

// 分页功能
function setPage(total) {
  $('#paginator').bootstrapPaginator({
    bootstrapMajorVersion: 3,
    currentPage: currentPage,
    totalPages: Math.ceil(total/pageSize),
    onPageClicked:function(event, originalEvent, type, page) {
      console.log(page);
      currentPage = page;
      render()
    }
  })
}
// 点击禁用启用按钮,获取当前数据id,记录要进行的操作(根据按钮颜色)
$('tbody').on('click','.button',function(){
  currentId = $(this).parent().data('id');
  isDelete = $(this).hasClass('btn-success') ? 1: 0;
})

// 点击确定按钮后,把刚才记录数据 执行对应的操作
$('.btn-ok').click(function(){
  $.ajax({
    url:'/user/updateUser',
    type:'post',
    data:{
      id:currentId,
      isDelete:isDelete
    },
    dataType:'json',
    success:function(info) {
      if(info.success){
        // 重新渲染当前页
        render();
        $('.modal-user').modal('hide')
      }
    }
  })
})



})